<!DOCTYPE html>
<html>
<head>
    <title>Company</title>
    <!--fonts-->
    <!--<link href='http://fonts.useso.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>-->
    <!--<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>-->
    <!--//fonts-->
    <link href="{$Think.config.url_public}/css/bootstrap.css" rel="stylesheet">
    <link href="{$Think.config.url_public}/css/style4.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="{$Think.config.url_public}/css/chocolat.css" type="text/css">
    <link href="{$Think.config.url_public}/assets/css/bootstrap.css" rel="stylesheet">
    <link href="{$Think.config.url_public}/assets/css/main.css" rel="stylesheet">
    <link href="{$Think.config.url_public}/assets/css/font-awesome.min.css" rel="stylesheet">
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Bigwig Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
		Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <!-- js -->
    <script type="text/javascript" src="{$Think.config.url_public}/js/jquery2.min.js"></script>
    <!-- js -->
    <script src="{$Think.config.url_public}/js/modernizr.custom.97074.js"></script>
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="{$Think.config.url_public}/js/move-top.js"></script>
    <script type="text/javascript" src="{$Think.config.url_public}/js/easing.js"></script>
    <script src="{$Think.config.url_public}/assets/js/boot.js"></script>
    <script src="{$Think.config.url_public}/assets/js/jquery.mCustomScrollbar.min.js"></script>
    <script src="{$Think.config.url_public}/assets/js/jquery.newsTicker.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner-slider -->
<div id="home" class="banner-slider">
    <div class="header">
        <div class="header-left">
            <a class="link link--kumya" href="#"><span data-letters="{$data}">{$data}</span></a>&nbsp;&nbsp;&nbsp;
            <a class="sel_btn" id="sel_btn3" href="../Houtai/login"  onclick="changeSelBtn(3)">退出</a>
            <script type="text/javascript">
                function changeSelBtn(index){
                    if(index==1){
                        $("#sel_btn1").addClass('ch_cls');
                        $("#sel_btn2").removeClass('ch_cls');
                        $("#sel_btn3").removeClass('ch_cls');
                    }else if(index==2){
                        $("#sel_btn1").removeClass('ch_cls');
                        $("#sel_btn2").addClass('ch_cls');
                        $("#sel_btn3").removeClass('ch_cls');
                    }else if(index==3){
                        $("#sel_btn1").removeClass('ch_cls');
                        $("#sel_btn2").removeClass('ch_cls');
                        $("#sel_btn3").addClass('ch_cls');
                    }

                }
            </script>
        </div>
        <div class="navigation">
            <span class="menu"><img src="{$Think.config.url_public}/images/menu.png" alt=""/></span>
            <nav class="cl-effect-11" id="cl-effect-11">
                <ul class="nav1">
                    <li><a class="scroll" href="#home" data-hover="公司信息">公司信息</a></li>
                    <li><a class="scroll" href="#about" data-hover="招聘信息">招聘信息</a></li>
<!--                    <li><a class="scroll" href="#services" data-hover="SERVICES">SERVICES</a></li>-->
                    <li><a class="scroll" href="#portfolio" data-hover="简历审阅">简历审阅</a></li>
                    <li><a class="scroll" href="#contact" data-hover="账号信息">账号信息</a></li>

                </ul>
            </nav>
            <!-- script for menu -->
            <script>
                $( "span.menu" ).click(function() {
                    $( "ul.nav1" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <!-- //script for menu -->

        </div>
        <div class="clearfix"></div>
    </div>
    <!-- responsiveslides -->
    <script src="{$Think.config.url_public}/js/responsiveslides.min.js"></script>
    <script>
        // You can also use "$(window).load(function() {"
        $(function () {
            // Slideshow 4
            $("#slider3").responsiveSlides({
                auto: true,
                pager: true,
                nav: false,
                speed: 500,
                namespace: "callbacks",
                before: function () {
                    $('.events').append("<li>before event fired.</li>");
                },
                after: function () {
                    $('.events').append("<li>after event fired.</li>");
                }
            });
        });
    </script>
    <!-- responsiveslides -->

    <div id="top" class="callbacks_container">
        <ul class="rslides" id="slider3" href="../../Houtai/gongsixinxi">
            <li>
                <div class="banner">
                    <div class="container">
                        <div class="banner-info">
                            <p style="font-size: 60px">{$data}</p>
                            <a class="scroll" href="#about"><img src="{$Think.config.url_public}/images/arrow.png" alt=""/></a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="banner">
                    <div class="container">
                        <div class="banner-info">
                            <p style="font-size: 15px">{$contents}</p>
                            <a class="scroll" href="#about"><img src="{$Think.config.url_public}/images/arrow.png" alt=""/></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="contact-info">
            <form style="margin-left: 1200px;margin-top: 100px">
                <input type="submit" value="更改">
            </form>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<!-- //banner-slider -->
<!-- about -->
<div id="about" class="testi">
    <div class="container">
        <div class="about-header">
            <h3>招聘信息</h3>
        </div>
        <div class="testi-grids">
<!--            <div class="col-md-6 testi-grid">-->
<!--                <h3>{$gangwei}</h3>-->
<!--                <h3>{$leibie}</h3>-->
<!--            </div>-->
<!--            <div class="col-md-6 testi-grid">-->
<!--                <p>{$content1} </p>-->
<!--            </div>-->
<!--            <div class="col-md-6 testi-grid">-->
<!--                <span>薪资：</span><br><br><br>-->
<!--                <span>最高：</span><span>{$max_money}</span><br><br><br>-->
<!--                <span>最低：</span><span>{$min_money}</span>-->
<!--            </div>-->
<!--            <div class="clearfix">-->
<!--            </div>-->
            <div class="container">
                <div class="row">
                    <div class="col-md-7 centered">
                        <div id="nt-example1-container">
                            <i class="fa fa-arrow-up" id="nt-example1-prev"></i>
                            <form action="../Houtai/zhaopin_action" method="post">
                            <ul id="nt-example1">
                                <foreach name="list" item="vo">
                                    <li><input type="submit" value="{$vo.id}" name="id" style="border:none;background:none;cursor:pointer;" />{$vo.occupation}&nbsp;&nbsp;{$vo.leibie} </li>
                                </foreach>
                            </ul>
                            </form>
                            <i class="fa fa-arrow-down" id="nt-example1-next"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $('a[href*=#]').click(function(e) {
            var href = $.attr(this, 'href');
            if (href != "#") {
                $('html, body').animate({
                    scrollTop: $(href).offset().top - 81
                }, 500);
            }
            else {
                $('html, body').animate({
                    scrollTop: 0
                }, 500);
            }
            return false;
        });
        $(window).load(function(){
            $('code.language-javascript').mCustomScrollbar();
        });
        var nt_title = $('#nt-title').newsTicker({
            row_height: 40,
            max_rows: 1,
            duration: 3000,
            pauseOnHover: 0
        });
        var nt_example1 = $('#nt-example1').newsTicker({
            row_height: 80,
            max_rows: 3,
            duration: 4000,
            prevButton: $('#nt-example1-prev'),
            nextButton: $('#nt-example1-next')
        });
        var nt_example2 = $('#nt-example2').newsTicker({
            row_height: 60,
            max_rows: 1,
            speed: 300,
            duration: 6000,
            prevButton: $('#nt-example2-prev'),
            nextButton: $('#nt-example2-next'),
            hasMoved: function() {
                $('#nt-example2-infos-container').fadeOut(200, function(){
                    $('#nt-example2-infos .infos-hour').text($('#nt-example2 li:first span').text());
                    $('#nt-example2-infos .infos-text').text($('#nt-example2 li:first').data('infos'));
                    $(this).fadeIn(400);
                });
            },
            pause: function() {
                $('#nt-example2 li i').removeClass('fa-play').addClass('fa-pause');
            },
            unpause: function() {
                $('#nt-example2 li i').removeClass('fa-pause').addClass('fa-play');
            }
        });
        $('#nt-example2-infos').hover(function() {
            nt_example2.newsTicker('pause');
        }, function() {
            nt_example2.newsTicker('unpause');
        });
        var state = 'stopped';
        var speed;
        var add;
        var nt_example3 = $('#nt-example3').newsTicker({
            row_height: 80,
            max_rows: 1,
            duration: 0,
            speed: 10,
            autostart: 0,
            pauseOnHover: 0,
            hasMoved: function() {
                if (speed > 700) {
                    $('#nt-example3').newsTicker("stop");
                    console.log('stop')
                    $('#nt-example3-button').text("RESULT: " + $('#nt-example3 li:first').text().toUpperCase());
                    setTimeout(function() {
                        $('#nt-example3-button').text("START");
                        state = 'stopped';
                    },2500);
                }
                else if (state == 'stopping') {
                    add = add * 1.4;
                    speed = speed + add;
                    console.log(speed)
                    $('#nt-example3').newsTicker('updateOption', "duration", speed + 25);
                    $('#nt-example3').newsTicker('updateOption', "speed", speed);
                }
            }
        });
        $('#nt-example3-button').click(function(){
            if (state == 'stopped') {
                state = 'turning';
                speed = 1;
                add = 1;
                $('#nt-example3').newsTicker('updateOption', "duration", 0);
                $('#nt-example3').newsTicker('updateOption', "speed", speed);
                nt_example3.newsTicker('start');
                $(this).text("STOP");
            }
            else if (state == 'turning') {
                state = 'stopping';
                $(this).text("WAITING...");
            }
        });
    </script>
    <div class="contact-info" style="margin-left: 1200px;margin-top: 100px">

    <form action="./zhaopinxinxi" method="post">
        <input type="submit"  value="发布">
        <br><br><br>
    </form>
<!--        <form action="./zhaopinxinxi_change" method="post">-->
<!--        <input type="submit"  value="更改">-->
<!--        <br><br><br>-->
<!--        </form>-->
<!--        <input type="submit" value="发布">-->
    </div>
</div>
<div id="portfolio" class="gallery">
    <div class="container">
        <script src="{$Think.config.url_public}/js/jquery.chocolat.js"></script>

        <!--light-box-files -->
       
        <h3>简历审阅</h3>
        <section>
            <ul id="da-thumbs" class="da-thumbs">
                <li>
                    <a href="../images/a1.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a1.jpg" alt="" />
                        <div>
                            <h5>LOOK</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a2.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a2.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a3.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a3.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a4.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a4.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a5.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a5.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a6.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a6.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a7.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a7.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a1.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a1.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="../images/a2.jpg" class="b-link-stripe b-animate-go thickbox">
                        <img src="../images/a2.jpg" alt="" />
                        <div>
                            <h5>VIEW</h5>
                        </div>
                    </a>
                </li>

            </ul>
            <div class="jianlishenyue">
                <a href="../Houtai/yihuifu">已回复</a><br /><br />
                <a href="../Houtai/weihuifu">未回复</a>
            </div>

        </section>
        <script type="text/javascript" src="{$Think.config.url_public}/js/jquery.hoverdir.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#da-thumbs > li').each( function() { $(this).hoverdir(); } );
            });
        </script>
    </div>
</div>
<!-- //portfolio -->
<!-- get-in -->
<div id="contact" class="get-in-touch">
    <div class="container">
        <div class="get-info text-center">
            <h3>账户信息</h3>
            <h1><i>{$username}</i></h1>
            <h1>{$passwords}</h1>
        </div>
    </div>
</div>
<!-- //get-in -->
<!-- contact-us -->
<div class="contact-us">
    <div class="container">
<!--        <div class="contact-grids">-->
<!--            <div class="col-md-4 contact-grid text-center">-->
<!--                <div class="point-icon"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span></div>-->
<!--                <p>Jl. Pahlawan VII No.247-D Sidoarjo-Surabaya-Indonesia</p>-->
<!--            </div>-->
<!--            <div class="col-md-4 contact-grid text-center">-->
<!--                <div class="point-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></div>-->
<!--                <p><a href="mailto:info@example.com">rudhisasmito@gmail.com</a></p>-->
<!--            </div>-->
<!--            <div class="col-md-4 contact-grid text-center">-->
<!--                <div class="point-icon"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></div>-->
<!--                <p>+613 0000 0000</p>-->
<!--            </div>-->
<!--            <div class="clearfix"></div>-->
<!--        </div>-->
        <div class="contact-info">
            <form action="../Houtai/gongsixinxiupdate" method="post">
                <input type="text" id="username" name="username" placeholder="Your Name" required>
                <input type="text" id="psw" name="psw" placeholder="Your Password" required>
                <input type="text" id="title" name="title" placeholder="Title" required>
                <textarea id="contents" name="contents" placeholder="Content" required></textarea>
                <input type="submit" value="更改">
            </form>
        </div>
    </div>
</div>
<!-- //contact-us -->
<!-- footer -->
<div class="copy-right">
    <div class="container">
<!--        <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>-->
    </div>
</div>
<!-- footer -->

<!-- smooth scrolling -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */
        $().UItoTop({ easingType: 'easeOutQuart' });
    });
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->

</body>
</html>